<template>
	<div>
        <!-- 一页导航 -->
		<van-grid class="navgrid" :border="false">
            <van-grid-item v-for="item in data" :key="item.cid" class="navitem" icon="photo-o" :text="item.cname" />
        </van-grid>
	</div>
</template>

<script>
	export default {
        props:['data']
	}
</script>

<style lang="scss">
.navgrid {
    padding-bottom: 12px;
    .navitem {
        flex-basis: 20% !important;
		.van-grid-item__content {
			padding: 16px 0;
		}
        .van-grid-item__text {
            font-size: .8em;
        }
    }
}
</style>